@font-face {
  font-family: 'iconfont';  /* project id 2355135 */
  src: url('//at.alicdn.com/t/font_2355135_k1g7bd6hijs.eot');
  src: url('//at.alicdn.com/t/font_2355135_k1g7bd6hijs.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2355135_k1g7bd6hijs.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2355135_k1g7bd6hijs.woff') format('woff'),
  url('//at.alicdn.com/t/font_2355135_k1g7bd6hijs.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2355135_k1g7bd6hijs.svg#iconfont') format('svg');
}

:root{
  --au-height:360px;
  --au-width:180px;
  --au-head-height:34px;
  --au-color:rgb(116, 141, 250);
  --au-border-color: rgba(116, 141, 250, 0.6);
  --au-total-color: #8294de;
  --au-color-hover: #5d5dba;
  --au-scroll-color:rgba(116, 141, 250, 0);
  --au-scroll-hover: rgba(41, 41, 41, 0.2);
  --au-box-shadow:0 0 0 2px rgba(116,141,250,.2);
}
$color: var(--au-color);
$border-color: var(--au-border-color);
$font-size:12px;
$total-color:var(--au-total-color);
$color-hover: var(--au-color-hover);
$scroll-color: var(--au-scroll-color);
$scroll-hover: var(--au-scroll-hover);
button{
  outline: none;
}
@mixin hov{
  background: #f1f1f1!important;
  border-bottom: 1px solid $color!important;
  color: $color!important;
}

@mixin scrollHover($px:4px){
  &::-webkit-scrollbar {
    width:$px;
    height:$px;
  }
  &::-webkit-scrollbar-track {
    width: $px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: $px;
    -moz-border-radius: $px;
    border-radius:$px;
  }
  &::-webkit-scrollbar-thumb {
    background-color:rgba(0, 0, 0, 0);
    background-clip:padding-box;
    -webkit-border-radius: $px;
    -moz-border-radius: $px;
    border-radius:$px;
  }
  &:hover{
    &::-webkit-scrollbar-track {
      background-color:$scroll-color;
    }
    &::-webkit-scrollbar-thumb {
      background-color:$scroll-hover;
    }
  }
}
@mixin scroll($px:4px){
  ::-webkit-scrollbar {
    width:$px;
    height:$px;
  }
  ::-webkit-scrollbar-track {
    width: $px;
    background-color: rgba(45, 128, 173,.2);
    -webkit-border-radius: $px;
    -moz-border-radius: $px;
    border-radius:$px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(25, 134, 177,.4);
    background-clip:padding-box;
    -webkit-border-radius: $px;
    -moz-border-radius: $px;
    border-radius:$px;
  }
  :hover{
    ::-webkit-scrollbar-track {
      background-color:$scroll-color;
    }
    ::-webkit-scrollbar-thumb {
      background-color:$scroll-hover;
    }
  }
}
.nobg{
  background: none!important;
}
@for $i from 1 through 20 {
  .f#{$i*2} {
    font-size: #{$i*2}px;
  }
}
